/*公司简介*/
.introduce{
	width: 100%;
	height: 900px;
	background: url(../images/bg1.jpg) center;
}
.introduce ul{
	overflow: hidden;
	padding-top: 80px;
}
.introduce ul li{
	width: 298px;
	height: 108px;
	border: 1px solid #ddd;
	color: #333;
	float: left;
}
.introduce ul li img{
	float: left;
	margin: 20px 25px 20px 35px;
}
.introduce ul li .title{
	float: left;
	margin-top: 32px;
}
.introduce ul li .title .cn{
	font-size: 16px;
	margin-bottom: 3px;
}
.introduce ul li .title .en{
	font-size: 8px;
}
.introduce ul li:hover{
	background: #28a7e1;
	border: 1px solid #28a7e1;
	color: #fff;
}
.introduce .left_img{
	float: left;
	margin: 65px 95px 0 90px;
}
.introduce .right_con{
	width: 515px;
	float: right;
	margin-right: 30px;
}
.introduce .right_con .tit{
	font-size: 16px;
	color: #333;
	margin-top: 160px;
}
.introduce .right_con .tit span{
	font-size: 40px;
	font-weight: bold;
}
.introduce .right_con .name{
	font-size: 20px;
	color: #28a7e1;
	margin-top: 10px;
}
.introduce .right_con .line{
	width: 40px;
	height: 2px;
	background: #28a7e1;
	margin-top: 25px;
}
.introduce .right_con .con{
	font-size: 12px;
	color: #333;
	line-height: 20px;
}
.introduce .right_con .con p{
	margin-top: 20px;
}
.introduce .right_con .more{
	color: #28a7e1;
	width: 168px;
	line-height: 48px;
	border: 1px solid #28a7e1;
	display: block;
	text-align: center;
	border-radius: 5px;
	margin-top: 40px;
}

/*搜索*/
.serach{
	width: 100%;
	height: 100px;
	background: #f6f6f6;
}
.serach .con{
	width: 870px;
	overflow: hidden;
	margin: 0 auto;
	padding: 29px 0 29px 0;
}
.serach .search_input{
	width: 680px;
	height: 40px;
	line-height: 40px;
	background: none;
	border: 1px solid #ddd;
	border-radius: 5px 0 0 5px;
	float: left;
	padding-left: 38px;
}
.serach .search_input::-webkit-input-placeholder{
    color:#b2b2b2;
}
.serach .search_input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#b2b2b2;
}
.serach .search_input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#b2b2b2;
}
.serach .search_input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#b2b2b2;
}
.btn_search{
	width: 149px;
	height: 42px;
	background: url(../images/btn_search.png) no-repeat center;
	float: left;
}

/*产品*/
.product{
	width: 100%;
	overflow: hidden;
	margin: 90px 0 75px;
}
.product li{
	position: relative;
	float: left;
	margin: 0 0 0.8% 0.8%;
}
.product li:nth-child(4){
	float: right;
	width: 21.9%;
	margin-right: 0.8%;
}
.product li .img{
	line-height: 0;
	font-size: 0;
}
.product li img{
	width: 100%;
	border-radius: 5px;
}
.product li .tit{
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #333;
	font-size: 16px;
}
.product li:nth-child(2n) .tit{
	left: 20px;
	text-align: left;
}
.product li:last-child .tit{
	right: 20px;
	text-align: right;
}
.product li .tit .en{
	font-weight: bold;
}
.product li .con{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(37,57,80,0.9);
	top: 0;
	left: 0;
	color: #fff;
	padding: 45px 70px;
	box-sizing: border-box;
	border-radius: 5px;
	display: none;
}
.product li:nth-child(1){
	width: 29.7%;
}
.product li:nth-child(2),.product li:nth-child(6){
	width: 29.8%;
}
.product li:nth-child(3),.product li:nth-child(5){
	width: 14.55%;
}
.product li:nth-child(3) .con,.product li:nth-child(4) .con,.product li:nth-child(5) .con{
	padding: 25px 30px;
}
.product li .con .t{
	font-size: 18px;
	margin-bottom: 10px;
}
.product li .con .more{
	color: #ffa936;
	margin-top: 50px;
	text-align: right;
	display: block;
}
.product li:hover .con{
	display: block;
}
.product li:hover .tit{
	display: none;
}
/*@media screen and (max-width: 1680px) {
    .product li:nth-child(4){
	    width: 21.89%;
    }
}*/

/*banner*/
.banner{
	width: 100%;
	height: 750px;
	background: url(../images/banner1.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
}
.banner .tip{
	font-size: 30px;
	padding-top: 220px;
	margin-left: 0px;
}
.banner .name{
	font-size: 48px;
	margin-top: 5px;
	margin-left: 0px;
}
.banner .con{
	font-size: 12px;
	width: 500px;
	line-height: 20px;
	margin-top: 30px;
	margin-left: 0px;
}
.banner .more{
	width: 170px;
	line-height: 50px;
	display: block;
	text-align: center;
	border: 1px solid #28a7e1;
    color: #28a7e1;
	border-radius: 5px;
	margin-top: 40px;
	margin-left: 50px;
}
.banner .more:hover{
    background: #28A7E1;
    color: #ffffff;
}
.right_con .more:hover{
    background: #28A7E1;
    color: #ffffff;
}